<script lang="ts" setup>
import './index.scss'
import { computed } from "vue";
import { buttonProps } from "./types";
const props = defineProps(buttonProps);
console.log(props);

const styleClass = computed(() => {
  return {
    "lw-button": true,
    [`lw-button-${props.type}`]: props.type,
    "is-round": props.round,
    "is-disabled": props.disabled,
    [`lw-button-${props.size}`]: props.size,
  };
});
</script>
<template>
  <button :class="styleClass">
    <!-- <el-icon :class="icon"  v-if="icon"> -->
    <slot />
  </button>
</template>
